/**************************************
 *
 * VLOOK™ 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * For(wechat): wed3200
 * 2022-1
 *
 *************************************/

@import "../font";
@import "../color";
@import "../common";

@vlookQuery: @vlookQueryDef + "ws=off&fold=table,codeblock";

// 主题信息
@themeVer: "V28.1";
@themeName: "vlook-x-bug320";
@themeDesc: "× bug320";
@themeEmail: "1046218884@qq.com";

// 指定字体主题
.applyFontStyle(local);
// 指定主题配套的圆角
.applyThemeRadius(small);
// 表格、插图指定居中对齐
.genTableAndFigureAlign(center);
// 生成指定的表格样式
.genTableStyle(vivid);

// 文档背景色
@bgLight4Theme: #FCF9F2;
@bgDark4Theme: #222626;//#181B2B;
.applyDocBgColor(@bgLight4Theme, @bgDark4Theme);
.applyDocTextColor(@bgDark4Theme, @bgLight4Theme);
.applyDocBgImg(@docBgImgLight_Grid, @docBgImgDark_Grid);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #8064A9;
@theme2: #2AA899;
@theme3: #FFFFFF;
@theme4: @bgLight4Theme;
@theme1Dark: #866BAD;
@theme1Alt: #E7E1EF;
@theme1AltDark: #352848;
@theme2Dark: #2CAFA0;
@theme2Alt: #DEF7F4;
@theme2AltDark: #10413C;
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacity);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacity);
@theme2FadeDark: rgba(red(@theme2), green(@theme2), blue(@theme2), 50%);

@themeForeColor: @theme1;
@themeForeColorFade: fade(@themeForeColor, 50%);
@themeBgColor: #EAE6F0;
@themeBgColorFade: fade(@themeForeColor, 50%);
@themeBgColorDark: darken(@themeForeColor, 20%);
@themeBgColorAlt: lighten(@themeForeColor, 42%);

@headerTextAlign: left;
// 标题色
@headerColor: @theme1;
@headerColorDark: @theme1Dark;

// 渐变标题色 h1-h5
@lg: linear-gradient(135deg, @theme1 25%, @theme2);
.genLinearGradientHeader(h1, @lg);
.genLinearGradientHeader(h2, @lg);
.genLinearGradientHeader(h3, @lg);
.genLinearGradientHeader(h4, @lg);
.genLinearGradientHeader(h5, @lg);
// @lgH1Bg: linear-gradient(135deg, @theme1 25%, @theme2);
// @lgH2Bg: @lgH1Bg;
// @lgH3Bg: @lgH1Bg;
// @lgH4Bg: @lgH1Bg;
// @lgH5Bg: @lgH1Bg;
// @lgH1BgClip: text;
// @lgH2BgClip: @lgH1BgClip;
// @lgH3BgClip: @lgH1BgClip;
// @lgH4BgClip: @lgH1BgClip;
// @lgH5BgClip: @lgH1BgClip;
// @lgH1Color: transparent;
// @lgH2Color: @lgH1Color;
// @lgH3Color: @lgH1Color;
// @lgH4Color: @lgH1Color;
// @lgH5Color: @lgH1Color;

// 6 级标题前缀内容
@h6BeforeContent: "❖" @h6NumSeparator;

// 标题背景
@headerBackground: linear-gradient(0deg, var(--h-bg-start), var(--h-bg-end));
@headerPadding: 5px 10px;
// 标题的上边框
@h1BorderTop: 9px solid var(--h-box-shadow);
@h2BorderTop: 7px solid var(--h-box-shadow);
@h3BorderTop: 5px solid var(--h-box-shadow);
@h4BorderTop: 3px solid var(--h-box-shadow);
@h5BorderTop: 1px solid var(--h-box-shadow);
@h6BorderTop: 0;

@hGap: 5px;
@h1Margin: 3em 0 @hGap 0;
@h2Margin: 3em 0 @hGap 0;
@h3Margin: 2em 0 @hGap 0;
@h4Margin: 2em 0 @hGap 0;
@h5Margin: 1.25em 0 @hGap 0;
@h6Margin: 1em 0 0 0;

//@quoteBorderLeft: 0;

// 按钮色
@buttonForeColor: @theme3;
@buttonForeHoverColor: @theme3;
@buttonBgColor: @themeBgColor;
// 文库按钮颜色
@docLibButtonForeColor: @buttonForeColor;
@docLibButtonForeHoverColor: @buttonForeHoverColor;
@docLibButtonBgColor: @buttonBgColor;
// 指定 kbd 按钮风格
.applyKbdRadius(leaf);

// 链接颜色
@aBorderWidth: 2px;
@aColor: @headerColor;
@aColorDark: @headerColorDark;
// @alinecolor: @theme2;
@aHoverColor: @theme2;
@aHoverColorDark: @theme2Dark;
@aActiveColor: desaturate(@aHoverColor, 25%);

// 表格边框
// @tableBorderColor: var(--d-fc-a);
// @tableBorderWidth: 0px;
// @tableBorderLeftWidth: 0px;
// @tableBorderRightWidth: 0px;
// @tableBorderTopWidth: 0px;
// @tableBorderBottomWidth: 2px;
// @tableThBorderRightWidth: 1px solid var(--d-bc);
// @tableTdBorderRightWidth: 1px solid var(--tbl-cell-bd); // 后面要注释掉
// // 表格行 hover
// @tableTrHoverBg: fade(@aHoverColor, 20%);
// @tableTrHoverBgDark: fade(@aHoverColor, 25%);
// // 表格背景
// @tableBackground: var(--d-bc);
// @tableThColor: var(--d-bc);
// @tableThBackground: @tableBorderColor;
// @tableTdBackground: none;
// // 表格单元格阴影
// @tableFirstThBoxShadow: none;
// @tableThBoxShadow: 0 1px 0 var(--tbl-h-bd) inset;
// @tableThRepeaterBoxShadow: @tableThBoxShadow;
// @tableFirstTdBoxShadow: none;
// @tableTdBoxShadow: 0 -1px 0 0 var(--tbl-cell-bd);

// 按钮色
@buttonForeColor: @theme3;
@buttonBgColor: @themeForeColor;
// 指定 kbd 按钮风格
.applyKbdRadius(small);

// 封面、封底文字位置及对齐方式
@coverTextAlign: left;
@coverTextPadding: 180px 60px 0;
@coverTextPaddingForMobile: 180px 20px 0;
@coverTextColor: @aHoverColor;
@coverSubColor: @themeForeColor;
@coverUnderlineColor: #606070;
@coverAuthorColor: @coverUnderlineColor;
@coverOwnerColor: @coverAuthorColor;

@backcoverTextAlign: center;
@backcoverTextPadding: 280px 0 0 0;
@backcoverTextPaddingForMobile: @backcoverTextPadding;
@backcoverTextColor: @theme3;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 0 transparent;
@contrastBorderForCover: 0 0 0 2px fade(@themeForeColor, 20%) inset;

// 封面背景设置
@coverBackgroundColor: @themeBgColor;
@coverBackgroundImage: var(--thm-c-logo), var(--thm-c-mask), var(--thm-comon-bg);
@coverBgSize: 80px 80px, 100%, auto;
@coverBgSizeForMobile: 80px 80px, 100%, 325px 475px;
@coverBackgroundSize: var(--thm-c-bg-size);
@coverBackgroundRepeat: no-repeat, repeat-y, no-repeat;
@coverBgPosition: 60px 60px, right top, right center;
@coverBgPositionForMobile: 20px 60px, right top, right center;
@coverBackgroundPosition: var(--thm-c-bg-pos);

// 封底背景设置
@backcoverBackgroundColor: @coverBackgroundColor;
@backcoverBackgroundImage: var(--thm-bc-logo), var(--thm-bc-mask), var(--thm-comon-bg);
@backcoverBgSize: 80px 80px, 100%, auto;
@backcoverBgSizeForMobile: 80px 80px, 100%, 325px 475px;
@backcoverBackgroundSize: var(--thm-bc-bg-size);
@backcoverBackgroundRepeat: no-repeat, repeat-y, no-repeat;
@backcoverBgPosition: center 160px, top center, left center;
@backcoverBgPositionForMobile: @backcoverBgPosition, top center, left center;
@backcoverBackgroundPosition: var(--thm-bc-bg-pos);

// 文档扩展区域背景
@docExtBackgroundImage: var(--thm-doc-ext-bg), var(--thm-comon-bg);
@docExtBackgroundSize: auto, auto;
@docExtBackgroundRepeat: no-repeat, no-repeat;
@docExtBackgroundPosition: left top, right -100px bottom;
@docExtBackgroundFilter: blur(8px);

// 封面、封底素材资源
:root {
    // 通用背景图片
    --thm-comon-bg: url("");
    // 封面 logo
    --thm-c-logo: var(--thm-fav-logo-lg);
    // 封面背景 mask
    --thm-c-mask: url("");
    // 封底 logo
    --thm-bc-logo: var(--thm-fav-logo-lg);
    // 封底背景 mask
    --thm-bc-mask: url("");
}

@import "../base";

// 生成指定风格的多级标签样式
.genBadgeStyle(cap);

// 生成 GSA 样式
.genGSA_em();
